<style>
  body{
    min-height:700px;
    min-width:900px;
  }
  p{
    margin:0px;
    padding:0px;
  }
  a:hover{
    color:#1f4e92;
  }
  .login-img{
    position: absolute;
    top:40px;
    left:40px;
    width:50px;
    height:50px;
    background-image:url("./img/login.png");
    background-size:50px 50px;
  }
  .login-font{
    position: absolute;
    top:40px;
    left:100px;
    font-size:40px;
    letter-spacing:5px;
    color:#fff;
  }
  .container{
    padding:0px;
    margin:0 auto;
  }
  .wrapper{
    padding:0;
    margin: 0;
  }
  .login-verticalMiddle{
    position: absolute;
    top:40%;
    margin-top:-155px;
  }
  .form-login-div{
    width:400px;
  }
  .form-login-input-div{
    margin-top:20px;
  }
  .form-color-white{
    color:#fff;
  }
  .from-login-title{
    font-size: 35px;
    line-height:45px;
    letter-spacing:10px;
  }
  .form-input{
      width:100%;
      height:45px;
      line-height:45px;
      padding-left:10px;
      margin-top:20px !important;
      color:#fffefa;
      background:rgba(255,255,255,0.1);
      border:0px;
  }
  .form-login-btn{
    height:50px;
    margin-top:50px;
    border-radius: 40px;
    border:2px solid #FFFFFF;
    font-size:18px;
    color:#fff;
    background:rgba(255,255,255,0);
  }
  .form-login-btn:hover{
     color:#fff;
     background-color:#1f4e92;
  }
  .form-input::-webkit-input-placeholder{
    color:#e9edf6;
  }
  .form-input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color:#e9edf6;
  }
  .form-input::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color:#e9edf6;
  }
  .form-input::-ms-input-placeholder{ /* Internet Explorer 10+ */
    color:#e9edf6;
  }
  .login-forgetPas{
    text-align: right;
    padding-right: 10px;
  }
  .user-tip{
    float:left;
    text-align:left;
    color:#ff5555;
  }
  .login-footer{
    position: absolute;
    bottom:80px;
  }
</style>
<div class="container w-xxl w-auto-xs form-login-div"  ng-controller="SigninFormController" ng-init="app.settings.container = false;">
  <div class="login-img"></div>
  <div class="login-font">{{app.name}}</div>
  <div class="m-b-lg form-login-div login-div login-verticalMiddle">
    <div class="wrapper text-center form-login-div from-login-title form-color-white">
      <p>生产管理系统</p>
    </div>
    <form name="form" class="form-login-div">
      <div class="form-login-div form-login-input-div">
           <input type="text" placeholder="请输入账号..." class="form-input" ng-model="user.userName" />
           <input type="password" placeholder="请输入密码..." class="form-input" ng-model="user.password" />
      </div>
      <div class="text-center m-t m-b form-login-div login-forgetPas">
        <span class="text-danger wrapper text-center user-tip" ng-show="authError">{{authError}}</span>
        <a  class="form-color-white">忘记密码</a>
        <!--ui-sref="access.forgotpwd"-->
      </div>
      <button type="submit" class="btn-block form-login-btn form-login-div" ng-click="login()" >登录</button>
      <!--ng-disabled='form.$invalid'-->
      <div class="line line-dashed"></div>
      <!--<p class="text-center"><small>Do not have an account?</small></p>-->
      <!--<a ui-sref="access.signup" class="btn btn-lg btn-default btn-block">Create an account</a>-->
    </form>
  </div>
  <div class="text-center login-footer form-login-div" ng-include="'tpl/blocks/page_footer.html'"></div>
</div>